Przesuwasz tabelę parametrów na telefonie i po chwili nie wiesz już, do którego wzmacniacza odnosi się widoczna wartość mocy. Tak łatwo pomylić dane przy 4 Ω i 8 Ω. Mobilna strona Hi-Fi nie może tylko mieścić się na wąskim ekranie: warunki pomiaru muszą być łatwe do znalezienia, a po obejrzeniu schematu czytelnik powinien wrócić do miejsca, w którym przerwał lekturę.
Najpierw treść, potem układ kolumn
Warto zacząć od tego, co ktoś faktycznie robi na telefonie: sprawdza parametr, porównuje dwa urządzenia, ogląda schemat podłączenia albo czyta poradnik podczas ustawiania sprzętu. Na szerokim monitorze opis, dane techniczne i zdjęcia mogą stać obok siebie. Na telefonie ten sam układ często odsuwa ważne informacje daleko w dół strony.
Nie trzeba przy tym chować specyfikacji pod kolejnymi poziomami menu. Lepiej uporządkować ją od krótkiej identyfikacji urządzenia, przez najważniejsze parametry i warunki ich podania, po złącza, wymiary i pełne dane techniczne. Nagłówki niech mówią wprost, co zawiera sekcja. Osobie szukającej wejścia XLR „Wejścia i wyjścia” powie więcej niż „Możliwości”.
Czytelność bez powiększania ekranu
Mały tekst może dobrze wyglądać na makiecie, a mimo to zmuszać do powiększania strony. Rozmiar pisma, interlinia i odstępy między wierszami powinny pozwalać przeczytać dłuższy akapit bez wysiłku. Liczy się też kontrast: jasnoszary podpis pod wykresem na białym tle potrafi być trudniejszy do odczytania niż sam opis pomiaru.
W specyfikacji typografia pomaga pilnować znaczenia. Jednostka powinna pozostać przy liczbie, której dotyczy: „100 W przy 8 Ω” nie może rozpadać się tak, że trudno powiązać wartość z impedancją. Oznaczenia kanałów L i R oraz wejść RCA i XLR muszą być rozpoznawalne bez polegania wyłącznie na kolorze. Pogrubienie może wskazać parametr, ale nie zastąpi opisu, choćby „moc ciągła przy określonym poziomie zniekształceń”.
Tabele, wykresy i schematy
Tabela pomiarowa wymaga innego układu niż akapit. Przy kilku kolumnach można przedstawić każdą pozycję tak, by nazwa parametru, wartość i warunek pomiaru były widoczne razem. Gdy danych jest więcej, przewijanie w poziomie bywa lepsze niż ściskanie ośmiu kolumn na szerokości telefonu. Czytelnik musi jednak wiedzieć, że tabelę można przesunąć, i przez cały czas widzieć, którego wiersza dotyczą wartości.
Zrzut ekranu nie jest dobrym zamiennikiem tabeli: drobnych cyfr trudno szukać, zaznaczać je i wygodnie powiększać. Na wykresie trzeba zadbać o osie, jednostki i legendę. Jeśli na małym ekranie szczegóły giną, obok grafiki przyda się krótki opis najważniejszej obserwacji — bez wniosków, których pomiar nie potwierdza.
Nawigacja pod kciukiem, ale bez przypadkowych dotknięć
Dwa drobne odnośniki tuż obok siebie łatwo pomylić, zwłaszcza podczas przewijania. Przyciski i rozwijane sekcje potrzebują więc odpowiednio dużych obszarów dotyku oraz odstępów. Sama ikona bywa niejasna: suwaki mogą oznaczać filtr produktów, ustawienia strony albo korekcję dźwięku.
W długim poradniku pomaga krótki spis sekcji prowadzący do nagłówków. Może pozostać w treści albo dać się zamknąć; nie powinien stale zasłaniać pół ekranu. Podobnie w menu bloga: kilka jasno nazwanych kategorii wystarczy, żeby osoba szukająca informacji o impedancji kolumn nie musiała przeklikiwać kilku poziomów ogólnego działu „Sprzęt”.
- Widoczna droga powrotu: po powiększeniu schematu można łatwo wrócić do akapitu, z którego został otwarty.
- Przewidywalne rozwijanie: dotknięcie całego nagłówka „Pełne dane techniczne” otwiera sekcję, a jej stan jest widoczny.
- Treść bez przesłaniania: przyklejony pasek nawigacji nie zakrywa tytułu sekcji po przejściu do niej z menu.
Obrazy, które pomagają zrozumieć połączenia
Zdjęcie tylnego panelu wzmacniacza pomaga tylko wtedy, gdy można odczytać opisy gniazd. Na telefonie miniatura całego urządzenia często do tego nie wystarcza. Przydaje się możliwość otwarcia większego zdjęcia oraz osobne zbliżenie grupy złączy. Po powiększeniu obraz powinien dać się bez trudu zamknąć, tak by wrócić do tekstu.
Na schemacie połączenia przedwzmacniacza z końcówką mocy strzałki i nazwy wejść muszą pozostać czytelne także na małym ekranie. Kanały można rozróżnić kolorem, ale potrzebują również etykiet. Opis alternatywny powinien przekazywać funkcję grafiki — na przykład układ połączeń — zamiast mówić tylko „schemat”. Szczegóły obrazu istotne dla bezpieczeństwa trzeba podać także zwykłym tekstem.
Szybkie ładowanie bez utraty użytecznych detali
Ciężkie zdjęcia paneli, automatycznie odtwarzane filmy i skrypty ładowane na każdej podstronie opóźniają dostęp do tekstu. Na połączeniu komórkowym odczuje to szczególnie ktoś, kto chce sprawdzić jeden parametr. Obrazy warto dostarczać w rozmiarach dopasowanych do ekranu, pozostawiając możliwość powiększenia oryginalnych schematów i wykresów. Kompresja, która rozmazuje opisy osi, odbiera grafice sens.
Ważne, by strona nie przeskakiwała podczas ładowania. Zdjęcie, które pojawia się później i przesuwa akapit pod palcem, może doprowadzić do przypadkowego dotknięcia odnośnika. Zarezerwowanie miejsca na grafikę ogranicza ten problem. Sam tekst poradnika powinien być dostępny bez czekania na galerię, animację czy dodatkowe elementy interfejsu.
Sprawdzenie na rzeczywistych ekranach
Zmniejszenie okna przeglądarki nie zastąpi próby na telefonie. Stronę trzeba sprawdzić dotykiem, w pionie i poziomie, przy większym ustawieniu tekstu oraz na wolniejszym połączeniu. Dobry test polega na wykonaniu kilku zadań bez podpowiedzi:
- Znajdź moc wzmacniacza przy 8 Ω i sprawdź warunki jej pomiaru.
- Odszukaj zdjęcie tylnych złączy i rozpoznaj wejście sygnałowe.
- Porównaj dwie pozycje tabeli bez gubienia nazw kolumn.
- Otwórz powiększony schemat, a następnie wróć do tego samego akapitu.
Zamiast zapisywać „strona niewygodna”, lepiej wskazać przeszkodę: „przy powiększeniu tekstu do 200% etykieta 4 Ω znika pod przyciskiem rozwijania”. Wiadomo wtedy, co poprawić. Po zmianie warto powtórzyć to samo zadanie i sprawdzić, czy etykieta pozostaje widoczna.
